Skip to main content

Clean Install

Sometimes file directories are confusing my hopes here are to clear any confusion up.

node_modules​

The node_modules folder is present in every nodejs application, it contains data relating to each library required to run your application.

public​

index.html​

This is your main html file, this is where you will add elements and structure your site.

src​

index.js​

This is the main javascript file that is given to the HTML file, any code you want to use in your HTML file should be exported in this file.

.env​

This file is used to specify your apps name, this will impact how the package is used inside the html file.

if the .env APP_NAME is set to myEspruinoApp you can use exported methods in your index.js file like so

<script>
  myEspruinoApp.myMethod();
</script>

.gitignore​

.gitignore is a simple file that restricts certain files from going into your git repo, in this case we are removing node_modules, lib, .DS_Store, test-env & .husky/pre-commit.

This can be changed in any way you want without changing functionality. I will however recommend you leave node_modules in here or your git repository will have unnessesary files in it.

package-lock.json & package.json​

These files specify what packages, run commands and some basic configuration for your project.

If you dont know much about this file id recommend just leaving it as it.

README.md​

This includes a simple welcome message with some text explaining how to get started

webpack.config.js​

This file provides the ability to run the project in localhost, it also contains the information to properly build the package into its html and js files when npm run build is run.

You will most likely never need to touch this.